<!--<script setup>-->
<!--import {ref, onMounted} from "vue";-->
<!--//完成饼状图的-->
<!--import *as echarts from 'echarts'-->

<!--const myChart = ref(null);-->

<!--const  studentData = ref([-->
<!--  {value: 1048, name: '计算机工程学院'},-->
<!--  {value: 735, name: '电力学院'},-->
<!--  {value: 580, name: 'Email'},-->
<!--  {value: 484, name: 'Union Ads'},-->
<!--  {value: 300, name: 'Video Ads'}-->
<!--])-->
<!--const option = {-->
<!--  title: {-->
<!--    text: 'Referer of a Website',-->
<!--    subtext: 'Fake Data',-->
<!--    left: 'center'-->
<!--  },-->
<!--  tooltip: {-->
<!--    trigger: 'item'-->
<!--  },-->
<!--  legend: {-->
<!--    orient: 'vertical',-->
<!--    left: 'left'-->
<!--  },-->
<!--  series: [-->
<!--    {-->
<!--      name: 'Access From',-->
<!--      type: 'pie',-->
<!--      radius: '50%',-->
<!--      data: studentData.value,-->
<!--      emphasis: {-->
<!--        itemStyle: {-->
<!--          shadowBlur: 10,-->
<!--          shadowOffsetX: 0,-->
<!--          shadowColor: 'rgba(0, 0, 0, 0.5)'-->
<!--        }-->
<!--      }-->
<!--    }-->
<!--  ]-->
<!--}-->
<!--let instance = null;-->
<!--onMounted(() => {-->

<!--  instance = echarts.init(myChart.value);-->
<!--  instance.setOption(option);-->

<!--})-->
<!--</script>-->
<!--<template>-->
<!--  <div ref="myChart" :style="{ width: '100%', height: '400px' }"></div>-->
<!--</template>-->

<!--<style scoped>-->

<!--</style>-->
